.electricity {
	background-color: #f0f2f5;
	height: 100%;
	min-height: 760px;
	.access-item {
		height: 100%;
		width: calc(40% - 15px);
		position: relative;
		&:nth-child(2n) {
			margin-left: 30px;
			width: calc(60% - 15px);
		}
		.page-title {
			font-weight: 700;
			position: relative;
			padding-left: 10px;
			&::before {
				height: 12px;
				width: 3px;
				content: " ";
				position: absolute;
				background: #2e68ea;
				top: 5px;
				left: 0px;
			}
		}
		.d-item {
			padding: 20px;
			height: 320px;
			position: relative;
			&:nth-child(2) {
				margin-top: 30px;
				height: calc(100% - 440px);
				min-height: 330px;
			}
			.f-title {
				margin-top: 10px;
				& > span {
					font-weight: 700;
					font-size: 20px;
				}
			}
		}
		.b-value {
			font-size: 14px;
			margin-left: 10px;
			.value {
				font-size: 32px;
				font-weight: bold;
				margin-top: 6px;
			}
		}
		.c-value {
			position: absolute;
			top: 95px;
			width: 100%;
			color: #ffffff;
			display: flex;
			flex-direction: column;
			align-items: center;
			.value {
				font-size: 40px;
			}
			.tl {
				border-radius: 16px 16px 16px 16px;
				border: 1px solid #ffffff;
				width: 80px;
				line-height: 32px;
				text-align: center;
				margin-top: 20px;
			}
		}
	}
	.iconImage {
		width: 56px;
		height: 56px;
	}
	.chartTitle {
		position: absolute;
		padding-left: 15px;
		top: 60px;
		&::before {
			height: 10px;
			width: 10px;
			border-radius: 50%;
			content: " ";
			position: absolute;
			background: #82e28d;
			top: 4px;
			left: 0px;
		}
	}
	.bckColor {
		position: absolute;
		top: 0px;
		display: flex;
		left: 0;
		.left {
			width: 86px;
			height: 130px;
			background: linear-gradient(180deg, rgba(94, 124, 224, 0.2) 0%, rgba(94, 124, 224, 0) 100%);
		}
		.right {
			width: 43px;
			height: 130px;
			background: linear-gradient(180deg, rgba(94, 124, 224, 0.1) 0%, rgba(94, 124, 224, 0) 100%);
		}
	}
}
